<template>
  <view class="loading-content" :style="[customStyle]">
    <u-loading color="#56d39d" mode="circle"></u-loading>
    <view class="loading-content-text">
      加载中...
    </view>
  </view>
</template>

<script>
export default {
  name: 'Loading',
  props: {
    customStyle: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
}
</script>

<style lang="scss" scoped>
	.loading-content{
		width: 100%;
		height: 200rpx;
		text-align: center;
		padding: 40rpx;
	}
	.loading-content-text{
		color: $uni-color-primary;
		font-size: 28rpx;
		padding-top: 24rpx;
	}
</style>
